/* ----------------------
*   Include plugins
*   1. avgrund
*   2. pretty photo
*   3. tab content
*/

/*!
 * avgrund 0.1
 * http://lab.hakim.se/avgrund
 * MIT licensed
 *
 * Copyright (C) 2012 Hakim El Hattab, http://hakim.se
 */
var Avgrund = (function(){

    var container = document.documentElement,
        popup = document.querySelector( '.avgrund-popup-animate' ),
        cover = document.querySelector( '.avgrund-cover' ),
        currentState = null;

    container.className = container.className.replace( /\s+$/gi, '' ) + ' avgrund-ready';

    function onDocumentKeyUp( event ) {
        if( event.keyCode === 27 ) {
            deactivate();
        }
    }

    function onDocumentClick( event ) {
        if( event.target === cover ) {
            deactivate();
        }
    }

    function activate( state ) {
        document.addEventListener( 'keyup', onDocumentKeyUp, false );
        document.addEventListener( 'click', onDocumentClick, false );
        document.addEventListener( 'touchstart', onDocumentClick, false );

        removeClass( popup, currentState );
        addClass( popup, 'no-transition' );
        addClass( popup, state );

        setTimeout( function() {
            removeClass( popup, 'no-transition' );
            addClass( container, 'avgrund-active' );
        }, 0 );

        currentState = state;
    }

    function deactivate() {
        document.removeEventListener( 'keyup', onDocumentKeyUp, false );
        document.removeEventListener( 'click', onDocumentClick, false );
        document.removeEventListener( 'touchstart', onDocumentClick, false );

        removeClass( container, 'avgrund-active' );
        removeClass( popup, 'avgrund-popup-animate')
    }

    function disableBlur() {
        addClass( document.documentElement, 'no-blur' );
    }

    function addClass( element, name ) {
        element.className = element.className.replace( /\s+$/gi, '' ) + ' ' + name;
    }

    function removeClass( element, name ) {
        element.className = element.className.replace( name, '' );
    }

    function show(selector){
        $('html,body').addClass('avgrund_bg').css('overflow','hidden');
        popup = document.querySelector( selector );
        addClass(popup, 'avgrund-popup-animate');
        activate();
        return this;
    }
    function hide() {
        deactivate();
        $('html,body').removeClass('avgrund_bg').css('overflow','');
    }

    return {
        activate: activate,
        deactivate: deactivate,
        disableBlur: disableBlur,
        show: show,
        hide: hide
    }

})();

/* ------------------------------------------------------------------------
    Class: prettyPhoto
    Use: Lightbox clone for jQuery
    Author: Stephane Caron (http://www.no-margin-for-errors.com)
    Version: 3.1.5
------------------------------------------------------------------------- */
(function (e) {
    function t() {
        var e = location.href;
        hashtag = e.indexOf("#prettyPhoto") !== -1 ? decodeURI(e.substring(e.indexOf("#prettyPhoto") + 1, e.length)) : false;
        return hashtag
    }

    function n() {
        if (typeof theRel == "undefined") return;
        location.hash = theRel + "/" + rel_index + "/"
    }

    function r() {
        if (location.href.indexOf("#prettyPhoto") !== -1) location.hash = "prettyPhoto"
    }

    function i(e, t) {
        e = e.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var n = "[\\?&]" + e + "=([^&#]*)";
        var r = new RegExp(n);
        var i = r.exec(t);
        return i == null ? "" : i[1]
    }
    e.prettyPhoto = {
        version: "3.1.5"
    };
    e.fn.prettyPhoto = function (s) {
        function g() {
            e(".pp_loaderIcon").hide();
            projectedTop = scroll_pos["scrollTop"] + (d / 2 - a["containerHeight"] / 2);
            if (projectedTop < 0) projectedTop = 0;
            $ppt.fadeTo(settings.animation_speed, 1);
            $pp_pic_holder.find(".pp_content").animate({
                height: a["contentHeight"],
                width: a["contentWidth"]
            }, settings.animation_speed);
            $pp_pic_holder.animate({
                top: projectedTop,
                left: v / 2 - a["containerWidth"] / 2 < 0 ? 0 : v / 2 - a["containerWidth"] / 2,
                width: a["containerWidth"]
            }, settings.animation_speed, function () {
                $pp_pic_holder.find(".pp_hoverContainer,#fullResImage").height(a["height"]).width(a["width"]);
                $pp_pic_holder.find(".pp_fade").fadeIn(settings.animation_speed);
                if (isSet && S(pp_images[set_position]) == "image") {
                    $pp_pic_holder.find(".pp_hoverContainer").show()
                } else {
                    $pp_pic_holder.find(".pp_hoverContainer").hide()
                } if (settings.allow_expand) {
                    if (a["resized"]) {
                        e("a.pp_expand,a.pp_contract").show()
                    } else {
                        e("a.pp_expand").hide()
                    }
                }
                if (settings.autoplay_slideshow && !m && !f) e.prettyPhoto.startSlideshow();
                settings.changepicturecallback();
                f = true
            });
            C();
            s.ajaxcallback()
        }

        function y(t) {
            $pp_pic_holder.find("#pp_full_res object,#pp_full_res embed").css("visibility", "hidden");
            $pp_pic_holder.find(".pp_fade").fadeOut(settings.animation_speed, function () {
                e(".pp_loaderIcon").show();
                t()
            })
        }

        function b(t) {
            t > 1 ? e(".pp_nav").show() : e(".pp_nav").hide()
        }

        function w(e, t) {
            resized = false;
            E(e, t);
            imageWidth = e, imageHeight = t;
            if ((p > v || h > d) && doresize && settings.allow_resize && !u) {
                resized = true, fitting = false;
                while (!fitting) {
                    if (p > v) {
                        imageWidth = v - 200;
                        imageHeight = t / e * imageWidth
                    } else if (h > d) {
                        imageHeight = d - 200;
                        imageWidth = e / t * imageHeight
                    } else {
                        fitting = true
                    }
                    h = imageHeight, p = imageWidth
                }
                if (p > v || h > d) {
                    w(p, h)
                }
                E(imageWidth, imageHeight)
            }
            return {
                width: Math.floor(imageWidth),
                height: Math.floor(imageHeight),
                containerHeight: Math.floor(h),
                containerWidth: Math.floor(p) + settings.horizontal_padding * 2,
                contentHeight: Math.floor(l),
                contentWidth: Math.floor(c),
                resized: resized
            }
        }

        function E(t, n) {
            t = parseFloat(t);
            n = parseFloat(n);
            $pp_details = $pp_pic_holder.find(".pp_details");
            $pp_details.width(t);
            detailsHeight = parseFloat($pp_details.css("marginTop")) + parseFloat($pp_details.css("marginBottom"));
            $pp_details = $pp_details.clone().addClass(settings.theme).width(t).appendTo(e("body")).css({
                position: "absolute",
                top: -1e4
            });
            detailsHeight += $pp_details.height();
            detailsHeight = detailsHeight <= 34 ? 36 : detailsHeight;
            $pp_details.remove();
            $pp_title = $pp_pic_holder.find(".ppt");
            $pp_title.width(t);
            titleHeight = parseFloat($pp_title.css("marginTop")) + parseFloat($pp_title.css("marginBottom"));
            $pp_title = $pp_title.clone().appendTo(e("body")).css({
                position: "absolute",
                top: -1e4
            });
            titleHeight += $pp_title.height();
            $pp_title.remove();
            l = n + detailsHeight;
            c = t;
            h = l + titleHeight + $pp_pic_holder.find(".pp_top").height() + $pp_pic_holder.find(".pp_bottom").height();
            p = t
        }

        function S(e) {
            if (e.match(/youtube\.com\/watch/i) || e.match(/youtu\.be/i)) {
                return "youtube"
            } else if (e.match(/vimeo\.com/i)) {
                return "vimeo"
            } else if (e.match(/\b.mov\b/i)) {
                return "quicktime"
            } else if (e.match(/\b.swf\b/i)) {
                return "flash"
            } else if (e.match(/\biframe=true\b/i)) {
                return "iframe"
            } else if (e.match(/\bajax=true\b/i)) {
                return "ajax"
            } else if (e.match(/\bcustom=true\b/i)) {
                return "custom"
            } else if (e.substr(0, 1) == "#") {
                return "inline"
            } else {
                return "image"
            }
        }

        function x() {
            if (doresize && typeof $pp_pic_holder != "undefined") {
                scroll_pos = T();
                contentHeight = $pp_pic_holder.height(), contentwidth = $pp_pic_holder.width();
                projectedTop = d / 2 + scroll_pos["scrollTop"] - contentHeight / 2;
                if (projectedTop < 0) projectedTop = 0;
                if (contentHeight > d) return;
                $pp_pic_holder.css({
                    top: projectedTop,
                    left: v / 2 + scroll_pos["scrollLeft"] - contentwidth / 2
                })
            }
        }

        function T() {
            if (self.pageYOffset) {
                return {
                    scrollTop: self.pageYOffset,
                    scrollLeft: self.pageXOffset
                }
            } else if (document.documentElement && document.documentElement.scrollTop) {
                return {
                    scrollTop: document.documentElement.scrollTop,
                    scrollLeft: document.documentElement.scrollLeft
                }
            } else if (document.body) {
                return {
                    scrollTop: document.body.scrollTop,
                    scrollLeft: document.body.scrollLeft
                }
            }
        }

        function N() {
            d = e(window).height(), v = e(window).width();
            if (typeof $pp_overlay != "undefined") $pp_overlay.height(e(document).height()).width(v)
        }

        function C() {
            if (isSet && settings.overlay_gallery && S(pp_images[set_position]) == "image") {
                itemWidth = 52 + 5;
                navWidth = settings.theme == "facebook" || settings.theme == "pp_default" ? 50 : 30;
                itemsPerPage = Math.floor((a["containerWidth"] - 100 - navWidth) / itemWidth);
                itemsPerPage = itemsPerPage < pp_images.length ? itemsPerPage : pp_images.length;
                totalPage = Math.ceil(pp_images.length / itemsPerPage) - 1;
                if (totalPage == 0) {
                    navWidth = 0;
                    $pp_gallery.find(".pp_arrow_next,.pp_arrow_previous").hide()
                } else {
                    $pp_gallery.find(".pp_arrow_next,.pp_arrow_previous").show()
                }
                galleryWidth = itemsPerPage * itemWidth;
                fullGalleryWidth = pp_images.length * itemWidth;
                $pp_gallery.css("margin-left", -(galleryWidth / 2 + navWidth / 2)).find("div:first").width(galleryWidth + 5).find("ul").width(fullGalleryWidth).find("li.selected").removeClass("selected");
                goToPage = Math.floor(set_position / itemsPerPage) < totalPage ? Math.floor(set_position / itemsPerPage) : totalPage;
                e.prettyPhoto.changeGalleryPage(goToPage);
                $pp_gallery_li.filter(":eq(" + set_position + ")").addClass("selected")
            } else {
                $pp_pic_holder.find(".pp_content").unbind("mouseenter mouseleave")
            }
        }

        function k(t) {
            if (settings.social_tools) facebook_like_link = settings.social_tools.replace("{location_href}", encodeURIComponent(location.href));
            settings.markup = settings.markup.replace("{pp_social}", "");
            e("body").append(settings.markup);
            $pp_pic_holder = e(".pp_pic_holder"), $ppt = e(".ppt"), $pp_overlay = e("div.pp_overlay");
            if (isSet && settings.overlay_gallery) {
                currentGalleryPage = 0;
                toInject = "";
                for (var n = 0; n < pp_images.length; n++) {
                    if (!pp_images[n].match(/\b(jpg|jpeg|png|gif)\b/gi)) {
                        classname = "default";
                        img_src = ""
                    } else {
                        classname = "";
                        img_src = pp_images[n]
                    }
                    toInject += "<li class='" + classname + "'><a href='#'><img src='" + img_src + "' width='50' alt='' /></a></li>"
                }
                toInject = settings.gallery_markup.replace(/{gallery}/g, toInject);
                $pp_pic_holder.find("#pp_full_res").after(toInject);
                $pp_gallery = e(".pp_pic_holder .pp_gallery"), $pp_gallery_li = $pp_gallery.find("li");
                $pp_gallery.find(".pp_arrow_next").click(function () {
                    e.prettyPhoto.changeGalleryPage("next");
                    e.prettyPhoto.stopSlideshow();
                    return false
                });
                $pp_gallery.find(".pp_arrow_previous").click(function () {
                    e.prettyPhoto.changeGalleryPage("previous");
                    e.prettyPhoto.stopSlideshow();
                    return false
                });
                $pp_pic_holder.find(".pp_content").hover(function () {
                    $pp_pic_holder.find(".pp_gallery:not(.disabled)").fadeIn()
                }, function () {
                    $pp_pic_holder.find(".pp_gallery:not(.disabled)").fadeOut()
                });
                itemWidth = 52 + 5;
                $pp_gallery_li.each(function (t) {
                    e(this).find("a").click(function () {
                        e.prettyPhoto.changePage(t);
                        e.prettyPhoto.stopSlideshow();
                        return false
                    })
                })
            }
            if (settings.slideshow) {
                $pp_pic_holder.find(".pp_nav").prepend('<a href="#" class="pp_play">Play</a>');
                $pp_pic_holder.find(".pp_nav .pp_play").click(function () {
                    e.prettyPhoto.startSlideshow();
                    return false
                })
            }
            $pp_pic_holder.attr("class", "pp_pic_holder " + settings.theme);
            $pp_overlay.css({
                opacity: 0,
                height: e(document).height(),
                width: e(window).width()
            }).bind("click", function () {
                if (!settings.modal) e.prettyPhoto.close()
            });
            e("a.pp_close").bind("click", function () {
                e.prettyPhoto.close();
                return false
            });
            if (settings.allow_expand) {
                e("a.pp_expand").bind("click", function (t) {
                    if (e(this).hasClass("pp_expand")) {
                        e(this).removeClass("pp_expand").addClass("pp_contract");
                        doresize = false
                    } else {
                        e(this).removeClass("pp_contract").addClass("pp_expand");
                        doresize = true
                    }
                    y(function () {
                        e.prettyPhoto.open()
                    });
                    return false
                })
            }
            $pp_pic_holder.find(".pp_previous, .pp_nav .pp_arrow_previous").bind("click", function () {
                e.prettyPhoto.changePage("previous");
                e.prettyPhoto.stopSlideshow();
                return false
            });
            $pp_pic_holder.find(".pp_next, .pp_nav .pp_arrow_next").bind("click", function () {
                e.prettyPhoto.changePage("next");
                e.prettyPhoto.stopSlideshow();
                return false
            });
            x()
        }
        s = jQuery.extend({
            hook: "rel",
            animation_speed: "fast",
            ajaxcallback: function () {},
            slideshow: 5e3,
            autoplay_slideshow: false,
            opacity: .8,
            show_title: true,
            allow_resize: true,
            allow_expand: true,
            default_width: 500,
            default_height: 344,
            counter_separator_label: "/",
            theme: "pp_default",
            horizontal_padding: 20,
            hideflash: false,
            wmode: "opaque",
            autoplay: true,
            modal: false,
            deeplinking: true,
            overlay_gallery: true,
            overlay_gallery_max: 30,
            keyboard_shortcuts: true,
            changepicturecallback: function () {},
            callback: function () {},
            ie6_fallback: true,
            markup: '<div class="pp_pic_holder">                        <div class="ppt"> </div>                        <div class="pp_top">                            <div class="pp_left"></div>                             <div class="pp_middle"></div>                           <div class="pp_right"></div>                        </div>                      <div class="pp_content_container">                          <div class="pp_left">                           <div class="pp_right">                              <div class="pp_content">                                    <div class="pp_loaderIcon"></div>                                   <div class="pp_fade">                                       <a href="#" class="pp_expand" title="Expand the image">Expand</a>                                       <div class="pp_hoverContainer">                                             <a class="pp_next" href="#">next</a>                                            <a class="pp_previous" href="#">previous</a>                                        </div>                                      <div id="pp_full_res"></div>                                        <div class="pp_details">                                            <div class="pp_nav">                                                <a href="#" class="pp_arrow_previous">Previous</a>                                              <p class="currentTextHolder">0/0</p>                                                <a href="#" class="pp_arrow_next">Next</a>                                          </div>                                          <p class="pp_description"></p>                                          <div class="pp_social">{pp_social}</div>                                            <a class="pp_close" href="#">Close</a>                                      </div>                                  </div>                              </div>                          </div>                          </div>                      </div>                      <div class="pp_bottom">                             <div class="pp_left"></div>                             <div class="pp_middle"></div>                           <div class="pp_right"></div>                        </div>                  </div>                  <div class="pp_overlay"></div>',
            gallery_markup: '<div class="pp_gallery">                               <a href="#" class="pp_arrow_previous">Previous</a>                              <div>                                   <ul>                                        {gallery}                                   </ul>                               </div>                              <a href="#" class="pp_arrow_next">Next</a>                          </div>',
            image_markup: '<img id="fullResImage" src="{path}" />',
            flash_markup: '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>',
            quicktime_markup: '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>',
            iframe_markup: '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>',
            inline_markup: '<div class="pp_inline">{content}</div>',
            custom_markup: "",
            social_tools: ''
        }, s);
        var o = this,
            u = false,
            a, f, l, c, h, p, d = e(window).height(),
            v = e(window).width(),
            m;
        doresize = true, scroll_pos = T();
        e(window).unbind("resize.prettyphoto").bind("resize.prettyphoto", function () {
            x();
            N()
        });
        if (s.keyboard_shortcuts) {
            e(document).unbind("keydown.prettyphoto").bind("keydown.prettyphoto", function (t) {
                if (typeof $pp_pic_holder != "undefined") {
                    if ($pp_pic_holder.is(":visible")) {
                        switch (t.keyCode) {
                        case 37:
                            e.prettyPhoto.changePage("previous");
                            t.preventDefault();
                            break;
                        case 39:
                            e.prettyPhoto.changePage("next");
                            t.preventDefault();
                            break;
                        case 27:
                            if (!settings.modal) e.prettyPhoto.close();
                            t.preventDefault();
                            break
                        }
                    }
                }
            })
        }
        e.prettyPhoto.initialize = function () {
            settings = s;
            if (settings.theme == "pp_default") settings.horizontal_padding = 16;
            theRel = e(this).attr(settings.hook);
            galleryRegExp = /\[(?:.*)\]/;
            isSet = galleryRegExp.exec(theRel) ? true : false;
            pp_images = isSet ? jQuery.map(o, function (t, n) {
                if (e(t).attr(settings.hook).indexOf(theRel) != -1) return e(t).attr("href")
            }) : e.makeArray(e(this).attr("href"));
            pp_titles = isSet ? jQuery.map(o, function (t, n) {
                if (e(t).attr(settings.hook).indexOf(theRel) != -1) return e(t).find("img").attr("alt") ? e(t).find("img").attr("alt") : ""
            }) : e.makeArray(e(this).find("img").attr("alt"));
            pp_descriptions = isSet ? jQuery.map(o, function (t, n) {
                if (e(t).attr(settings.hook).indexOf(theRel) != -1) return e(t).attr("title") ? e(t).attr("title") : ""
            }) : e.makeArray(e(this).attr("title"));
            if (pp_images.length > settings.overlay_gallery_max) settings.overlay_gallery = false;
            set_position = jQuery.inArray(e(this).attr("href"), pp_images);
            rel_index = isSet ? set_position : e("a[" + settings.hook + "^='" + theRel + "']").index(e(this));
            k(this);
            if (settings.allow_resize) e(window).bind("scroll.prettyphoto", function () {
                x()
            });
            e.prettyPhoto.open();
            return false
        };
        e.prettyPhoto.open = function (t) {
            if (typeof settings == "undefined") {
                settings = s;
                pp_images = e.makeArray(arguments[0]);
                pp_titles = arguments[1] ? e.makeArray(arguments[1]) : e.makeArray("");
                pp_descriptions = arguments[2] ? e.makeArray(arguments[2]) : e.makeArray("");
                isSet = pp_images.length > 1 ? true : false;
                set_position = arguments[3] ? arguments[3] : 0;
                k(t.target)
            }
            if (settings.hideflash) e("object,embed,iframe[src*=youtube],iframe[src*=vimeo]").css("visibility", "hidden");
            b(e(pp_images).size());
            e(".pp_loaderIcon").show();
            if (settings.deeplinking) n();
            if (settings.social_tools) {
                facebook_like_link = settings.social_tools.replace("{location_href}", encodeURIComponent(location.href));
                $pp_pic_holder.find(".pp_social").html(facebook_like_link)
            }
            if ($ppt.is(":hidden")) $ppt.css("opacity", 0).show();
            $pp_overlay.show().fadeTo(settings.animation_speed, settings.opacity);
            $pp_pic_holder.find(".currentTextHolder").text(set_position + 1 + settings.counter_separator_label + e(pp_images).size());
            if (typeof pp_descriptions[set_position] != "undefined" && pp_descriptions[set_position] != "") {
                $pp_pic_holder.find(".pp_description").show().html(unescape(pp_descriptions[set_position]))
            } else {
                $pp_pic_holder.find(".pp_description").hide()
            }
            movie_width = parseFloat(i("width", pp_images[set_position])) ? i("width", pp_images[set_position]) : settings.default_width.toString();
            movie_height = parseFloat(i("height", pp_images[set_position])) ? i("height", pp_images[set_position]) : settings.default_height.toString();
            u = false;
            if (movie_height.indexOf("%") != -1) {
                movie_height = parseFloat(e(window).height() * parseFloat(movie_height) / 100 - 150);
                u = true
            }
            if (movie_width.indexOf("%") != -1) {
                movie_width = parseFloat(e(window).width() * parseFloat(movie_width) / 100 - 150);
                u = true
            }
            $pp_pic_holder.fadeIn(function () {
                settings.show_title && pp_titles[set_position] != "" && typeof pp_titles[set_position] != "undefined" ? $ppt.html(unescape(pp_titles[set_position])) : $ppt.html(" ");
                imgPreloader = "";
                skipInjection = false;
                switch (S(pp_images[set_position])) {
                case "image":
                    imgPreloader = new Image;
                    nextImage = new Image;
                    if (isSet && set_position < e(pp_images).size() - 1) nextImage.src = pp_images[set_position + 1];
                    prevImage = new Image;
                    if (isSet && pp_images[set_position - 1]) prevImage.src = pp_images[set_position - 1];
                    $pp_pic_holder.find("#pp_full_res")[0].innerHTML = settings.image_markup.replace(/{path}/g, pp_images[set_position]);
                    imgPreloader.onload = function () {
                        a = w(imgPreloader.width, imgPreloader.height);
                        g()
                    };
                    imgPreloader.onerror = function () {
                        alert("Image cannot be loaded. Make sure the path is correct and image exist.");
                        e.prettyPhoto.close()
                    };
                    imgPreloader.src = pp_images[set_position];
                    break;
                case "youtube":
                    a = w(movie_width, movie_height);
                    movie_id = i("v", pp_images[set_position]);
                    if (movie_id == "") {
                        movie_id = pp_images[set_position].split("youtu.be/");
                        movie_id = movie_id[1];
                        if (movie_id.indexOf("?") > 0) movie_id = movie_id.substr(0, movie_id.indexOf("?"));
                        if (movie_id.indexOf("&") > 0) movie_id = movie_id.substr(0, movie_id.indexOf("&"))
                    }
                    movie = "http://www.youtube.com/embed/" + movie_id;
                    i("rel", pp_images[set_position]) ? movie += "?rel=" + i("rel", pp_images[set_position]) : movie += "?rel=1";
                    if (settings.autoplay) movie += "&autoplay=1";
                    toInject = settings.iframe_markup.replace(/{width}/g, a["width"]).replace(/{height}/g, a["height"]).replace(/{wmode}/g, settings.wmode).replace(/{path}/g, movie);
                    break;
                case "vimeo":
                    a = w(movie_width, movie_height);
                    movie_id = pp_images[set_position];
                    var t = /http(s?):\/\/(www\.)?vimeo.com\/(\d+)/;
                    var n = movie_id.match(t);
                    movie = "http://player.vimeo.com/video/" + n[3] + "?title=0&byline=0&portrait=0";
                    if (settings.autoplay) movie += "&autoplay=1;";
                    vimeo_width = a["width"] + "/embed/?moog_width=" + a["width"];
                    toInject = settings.iframe_markup.replace(/{width}/g, vimeo_width).replace(/{height}/g, a["height"]).replace(/{path}/g, movie);
                    break;
                case "quicktime":
                    a = w(movie_width, movie_height);
                    a["height"] += 15;
                    a["contentHeight"] += 15;
                    a["containerHeight"] += 15;
                    toInject = settings.quicktime_markup.replace(/{width}/g, a["width"]).replace(/{height}/g, a["height"]).replace(/{wmode}/g, settings.wmode).replace(/{path}/g, pp_images[set_position]).replace(/{autoplay}/g, settings.autoplay);
                    break;
                case "flash":
                    a = w(movie_width, movie_height);
                    flash_vars = pp_images[set_position];
                    flash_vars = flash_vars.substring(pp_images[set_position].indexOf("flashvars") + 10, pp_images[set_position].length);
                    filename = pp_images[set_position];
                    filename = filename.substring(0, filename.indexOf("?"));
                    toInject = settings.flash_markup.replace(/{width}/g, a["width"]).replace(/{height}/g, a["height"]).replace(/{wmode}/g, settings.wmode).replace(/{path}/g, filename + "?" + flash_vars);
                    break;
                case "iframe":
                    a = w(movie_width, movie_height);
                    frame_url = pp_images[set_position];
                    frame_url = frame_url.substr(0, frame_url.indexOf("iframe") - 1);
                    toInject = settings.iframe_markup.replace(/{width}/g, a["width"]).replace(/{height}/g, a["height"]).replace(/{path}/g, frame_url);
                    break;
                case "ajax":
                    doresize = false;
                    a = w(movie_width, movie_height);
                    doresize = true;
                    skipInjection = true;
                    e.get(pp_images[set_position], function (e) {
                        toInject = settings.inline_markup.replace(/{content}/g, e);
                        $pp_pic_holder.find("#pp_full_res")[0].innerHTML = toInject;
                        g()
                    });
                    break;
                case "custom":
                    a = w(movie_width, movie_height);
                    toInject = settings.custom_markup;
                    break;
                case "inline":
                    myClone = e(pp_images[set_position]).clone().append('<br clear="all" />').css({
                        width: settings.default_width
                    }).wrapInner('<div id="pp_full_res"><div class="pp_inline"></div></div>').appendTo(e("body")).show();
                    doresize = false;
                    a = w(e(myClone).width(), e(myClone).height());
                    doresize = true;
                    e(myClone).remove();
                    toInject = settings.inline_markup.replace(/{content}/g, e(pp_images[set_position]).html());
                    break
                }
                if (!imgPreloader && !skipInjection) {
                    $pp_pic_holder.find("#pp_full_res")[0].innerHTML = toInject;
                    g()
                }
            });
            return false
        };
        e.prettyPhoto.changePage = function (t) {
            currentGalleryPage = 0;
            if (t == "previous") {
                set_position--;
                if (set_position < 0) set_position = e(pp_images).size() - 1
            } else if (t == "next") {
                set_position++;
                if (set_position > e(pp_images).size() - 1) set_position = 0
            } else {
                set_position = t
            }
            rel_index = set_position;
            if (!doresize) doresize = true;
            if (settings.allow_expand) {
                e(".pp_contract").removeClass("pp_contract").addClass("pp_expand")
            }
            y(function () {
                e.prettyPhoto.open()
            })
        };
        e.prettyPhoto.changeGalleryPage = function (e) {
            if (e == "next") {
                currentGalleryPage++;
                if (currentGalleryPage > totalPage) currentGalleryPage = 0
            } else if (e == "previous") {
                currentGalleryPage--;
                if (currentGalleryPage < 0) currentGalleryPage = totalPage
            } else {
                currentGalleryPage = e
            }
            slide_speed = e == "next" || e == "previous" ? settings.animation_speed : 0;
            slide_to = currentGalleryPage * itemsPerPage * itemWidth;
            $pp_gallery.find("ul").animate({
                left: -slide_to
            }, slide_speed)
        };
        e.prettyPhoto.startSlideshow = function () {
            if (typeof m == "undefined") {
                $pp_pic_holder.find(".pp_play").unbind("click").removeClass("pp_play").addClass("pp_pause").click(function () {
                    e.prettyPhoto.stopSlideshow();
                    return false
                });
                m = setInterval(e.prettyPhoto.startSlideshow, settings.slideshow)
            } else {
                e.prettyPhoto.changePage("next")
            }
        };
        e.prettyPhoto.stopSlideshow = function () {
            $pp_pic_holder.find(".pp_pause").unbind("click").removeClass("pp_pause").addClass("pp_play").click(function () {
                e.prettyPhoto.startSlideshow();
                return false
            });
            clearInterval(m);
            m = undefined
        };
        e.prettyPhoto.close = function () {
            if ($pp_overlay.is(":animated")) return;
            e.prettyPhoto.stopSlideshow();
            $pp_pic_holder.stop().find("object,embed").css("visibility", "hidden");
            e("div.pp_pic_holder,div.ppt,.pp_fade").fadeOut(settings.animation_speed, function () {
                e(this).remove()
            });
            $pp_overlay.fadeOut(settings.animation_speed, function () {
                if (settings.hideflash) e("object,embed,iframe[src*=youtube],iframe[src*=vimeo]").css("visibility", "visible");
                e(this).remove();
                e(window).unbind("scroll.prettyphoto");
                r();
                settings.callback();
                doresize = true;
                f = false;
                delete settings
            })
        };
        if (!pp_alreadyInitialized && t()) {
            pp_alreadyInitialized = true;
            hashIndex = t();
            hashRel = hashIndex;
            hashIndex = hashIndex.substring(hashIndex.indexOf("/") + 1, hashIndex.length - 1);
            hashRel = hashRel.substring(0, hashRel.indexOf("/"));
            setTimeout(function () {
                e("a[" + s.hook + "^='" + hashRel + "']:eq(" + hashIndex + ")").trigger("click")
            }, 50)
        }
        return this.unbind("click.prettyphoto").bind("click.prettyphoto", e.prettyPhoto.initialize)
    };
})(jQuery);
var pp_alreadyInitialized = false

/*!
 * Tab content 0.1
 */

function ddtabcontent(tabinterfaceid) {
    this.tabinterfaceid = tabinterfaceid;
    this.tabs = document.getElementById(tabinterfaceid).getElementsByTagName("a");
    this.enabletabpersistence = true;
    this.hottabspositions = [];
    this.currentTabIndex = 0;
    this.subcontentids = [];
    this.revcontentids = [];
    this.selectedClassTarget = "link";
}

function getCookie(Name) {
    var re = new RegExp(Name + "=[^;]+", "i");
    if (document.cookie.match(re)) return document.cookie.match(re)[0].split("=")[1];
    return "";
}

function setCookie(name, value) {
    document.cookie = name + "=" + value + ";path=/";
}

function fnExpandit(tabid_or_position) {
    cancelautorun();
    var tabref = "";
    try {
        if (typeof tabid_or_position == "string" && document.getElementById(tabid_or_position).getAttribute("rel")) tabref = document.getElementById(tabid_or_position);
        else if (parseInt(tabid_or_position) != NaN && this.tabs[tabid_or_position].getAttribute("rel")) tabref = this.tabs[tabid_or_position];
    } catch (err) {
        alert("Invalid Tab ID or position entered!")
    }
    if (tabref != "") this.expandtab(tabref);
}

function fnSetpersist(bool) {
    this.enabletabpersistence = bool;
}

function fnSetselectedClassTarget(objstr) {
    this.selectedClassTarget = (objstr || "link");
}

function fnGetselectedClassTarget(tabref) {
    return (this.selectedClassTarget == ("linkparent".toLowerCase())) ? tabref.parentNode : tabref;
}

function fnUrlparamselect(tabinterfaceid) {
    var result = window.location.search.match(new RegExp(tabinterfaceid + "=(\\d+)", "i"));
    return (result == null) ? null : parseInt(RegExp.$1);
}

function fnExpandtab(tabref) {
    var subcontentid = tabref.getAttribute("rel");
    var associatedrevids = (tabref.getAttribute("rev")) ? "," + tabref.getAttribute("rev").replace(/\s+/, "") + "," : "";
    this.expandsubcontent(subcontentid);
    this.expandrevcontent(associatedrevids);
    for (var i = 0; i < this.tabs.length; i++) {
        this.getselectedClassTarget(this.tabs[i]).className = (this.tabs[i].getAttribute("rel") == subcontentid) ? "selected" : "";
    }
    if (this.enabletabpersistence) setCookie(this.tabinterfaceid, tabref.tabposition);
    this.setcurrenttabindex(tabref.tabposition);
}

function fnCycleit(dir, autorun) {
    if (dir == "next") {
        var currentTabIndex = (this.currentTabIndex < this.hottabspositions.length - 1) ? this.currentTabIndex + 1 : 0;
    } else if (dir == "prev") {
        var currentTabIndex = (this.currentTabIndex > 0) ? this.currentTabIndex - 1 : this.hottabspositions.length - 1;
    }
    if (typeof autorun == "undefined") this.cancelautorun();
    this.expandtab(this.tabs[this.hottabspositions[currentTabIndex]]);
}

function fnExpandsubcontent(subcontentid) {
    for (var i = 0; i < this.subcontentids.length; i++) {
        var subcontent = document.getElementById(this.subcontentids[i]);
        subcontent.style.display = (subcontent.id == subcontentid) ? "block" : "none";
    }
}

function fnExpandrevcontent(associatedrevids) {
    var allrevids = this.revcontentids;
    for (var i = 0; i < allrevids.length; i++) {
        document.getElementById(allrevids[i]).style.display = (associatedrevids.indexOf("," + allrevids[i] + ",") != -1) ? "block" : "none";
    }
}

function fnSetcurrenttabindex(tabposition) {
    for (var i = 0; i < this.hottabspositions.length; i++) {
        if (tabposition == this.hottabspositions[i]) {
            this.currentTabIndex = i;
            break;
        }
    }
}

function fnAutorun() {
    this.cycleit('next', true);
}

function fnCancelautorun() {
    if (typeof this.autoruntimer != "undefined") clearInterval(this.autoruntimer);
}

function fnInit(automodeperiod) {
    var persistedtab = getCookie(this.tabinterfaceid);
    var selectedtab = -1;
    var selectedtabfromurl = this.urlparamselect(this.tabinterfaceid);
    this.automodeperiod = (automodeperiod || 0);
    for (var i = 0; i < this.tabs.length; i++) {
        this.tabs[i].tabposition = i;
        if (this.tabs[i].getAttribute("rel")) {
            var tabinstance = this;
            this.hottabspositions[this.hottabspositions.length] = i;
            this.subcontentids[this.subcontentids.length] = this.tabs[i].getAttribute("rel");
            this.tabs[i].onclick = function() {
                tabinstance.expandtab(this);
                tabinstance.cancelautorun();
                return false;
            };
            if (this.tabs[i].getAttribute("rev")) {
                this.revcontentids = this.revcontentids.concat(this.tabs[i].getAttribute("rev").split(/\s*,\s*/));
            };
            if (selectedtabfromurl == i || this.enabletabpersistence && selectedtab == -1 && parseInt(persistedtab) == i || !this.enabletabpersistence && selectedtab == -1 && this.getselectedClassTarget(this.tabs[i]).className == "selected") {
                selectedtab = i;
            }
        }
    }
    if (selectedtab != -1) this.expandtab(this.tabs[selectedtab]);
    else this.expandtab(this.tabs[this.hottabspositions[0]]);
    if (parseInt(this.automodeperiod) > 500 && this.hottabspositions.length > 1) {
        this.autoruntimer = setInterval(function() {
            tabinstance.autorun();
        }, this.automodeperiod);
    }
}

ddtabcontent.prototype = {
    expandit: fnExpandit,
    cycleit: fnCycleit,
    setpersist: fnSetpersist,
    setselectedClassTarget: fnSetselectedClassTarget,
    getselectedClassTarget: fnGetselectedClassTarget,
    urlparamselect: fnUrlparamselect,
    expandtab: fnExpandtab,
    expandsubcontent: fnExpandsubcontent,
    expandrevcontent: fnExpandrevcontent,
    setcurrenttabindex: fnSetcurrenttabindex,
    autorun: fnAutorun,
    cancelautorun: fnCancelautorun,
    init: fnInit
}

function showErrOfField(divErr, inputId, timeOut) {
    if (timeOut == null) timeOut = 3000;
    $('#' + inputId).focus();
    $('div.' + divErr).fadeIn();
    setTimeout(function() {
        $('div.' + divErr).fadeOut('slow')
    }, timeOut);
    return false;
}

$(function() {
    // fade in #back-top
    $(window).scroll(function () {
        var a = 0;
        if (document.body.scrollTop) {
            a = document.body.scrollTop;
        } else {
            a = document.documentElement.scrollTop;
        }
        if (a > 0) $("#back-top").fadeIn();
        else $("#back-top").fadeOut();
    });

    // scroll body to 0px on click
    $('#back-top').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    });

    if ($('a[rel^="prettyPhoto"]').length)
    {
        $('a[rel^="prettyPhoto"]').prettyPhoto({animation_speed:'normal',theme:'pp_default',slideshow:3000, autoplay_slideshow: false});
    }

    $('.iconla a').bind('click', function() {
        var lng = $(this).data('lng');
        $.post(
            site_url + 'hiti_ajax/set_language',
            {lng: lng},
            function(data, textStatus, jqXHR) {
                if (data != '0')
                {
                    window.location = window.location;
                }
            }
        );
    });

    var inProcessContact = 0;
    $('#frmContact').bind('submit', function() {
        if (inProcessContact == 1) {
            Avgrund.show("#inProcess-popup");
            return false;
        } else {
            key = /^\w+(\.\w+)*@\w+\.\w+(\.\w+)?$/;
            var name = $('#name').val();
            var phone = $('#phone').val();
            var company = $('#company').val();
            var email = $('#email').val();
            var title = $('#title').val();
            var content = $('#content').val();
            if (name == '') {
                showErrOfField('name', 'name');
                return false;
            }
            if (email == '') {
                showErrOfField('email_empty', 'email');
                return false;
            }
            if (!key.test(email)) {
                showErrOfField('email_fail', 'email');
                return false;
            }
            if (phone == '' || phone.length < 8 || phone.length > 12 || isNaN(phone)) {
                showErrOfField('phone', 'phone');
                return false;
            }
            if (content == '' || content.length < 8) {
                showErrOfField('content', 'content');
                return false;
            }

            inProcessContact = 21;
              $('#frmContact input[name="btn_lienhe"]').val('Đang xử lý...');
              $('#frmContact input, #frmContact textarea').attr('disabled', "");
              //$('#thongbao').show();
            // Avgrund.show("#inProcess-popup");
            $.ajax({
                url: site_url + 'hiti_ajax/add_contact',
                type: 'POST',
                cache: false,
                data: {
                    name: name,
                    email: email,
                    phone: phone,
                    company: company,
                    title: title,
                    content: content
                },
                success: function(string) {
                   
                    // Avgrund.hide();
                    // Avgrund.show("#contactOk-popup");
                    // $('.btn-avgrund-close').bind('click', function() {
                    //     Avgrund.hide();
                    // });
                    inProcessContact = 0;
                    $('#frmContact input, #frmContact textarea').val('');
                    $('#frmContact input[name="btn_lienhe"]').val('Gửi liên hệ');
                    $('#frmContact input, #frmContact textarea, #frmContact input[type="submit"]').attr('disabled', false);
                    alert('Gửi liên hệ thành công');
                }
            });
            return false;
        }
        return false;
    });

    $('#frmComment').bind('submit', function() {
        key = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        var email = $('#commentEmail').val();
        var name = $('#commentName').val();
        var info = $('#commentInfo').val();
        var proid = $('#commentProid').val();
        if (!key.test(email)) {
            showErrOfField('commentEmail', 'commentEmail');
            return false;
        }
        if (info == '') {
            showErrOfField('commentInfoEmpty', 'commentInfo');
            return false;
        }
        if (info.length < 10 || info.length > 1000) {
            if (info.length < 10) {
                showErrOfField('commentInfoShort', 'commentInfo');
                return false;
            }
            if (info.length > 1000) {
                showErrOfField('commentInfoLong', 'commentInfo');
                return false;
            }
        }
        if (name == '') name = email.split('@')[0];
        $('#commentSubmit').val(lng_procesing);
        $('#commentSubmit, #commentInfo, #commentEmail, #commentName').attr("disabled", "disabled");
        $.ajax({
            url: site_url + 'hiti_ajax/add_comment',
            type: 'POST',
            cache: false,
            data: {
                email: email,
                product: proid,
                name: name,
                info: info
            },
            success: function(string) {
                var getData = $.parseJSON(string);
                if (getData.status == '0') {
                    showErrOfField('commentBusy', 'commentSubmit');
                    $('#commentSubmit').val(lng_send_contact);
                    $('#commentSubmit, #commentInfo, #commentEmail, #commentName').removeAttr("disabled");
                    return false;
                } else {
                    html = $('#commentHTML').html();
                    html += '<div style="padding-top:5px; text-align:left">';
                    html += '<div style="padding-top:7px; text-align:left">';
                    html += '<strong>' + name + '</strong> [' + email + ']<br />';
                    html += '<span class="colorxam">' + getData.date + '</span>';
                    html += '</div>';
                    html += '</div>';
                    html += '<div class="commentDiv">';
                    html += info.replace(/\n/g, '<br />');
                    html += '</div>';
                    $('#commentHTML').html(html);
                    $('#commentInfo').val('');
                    $('#commentSubmit').val(lng_send_contact);
                    $('#commentSubmit, #commentInfo, #commentEmail, #commentName').removeAttr("disabled");
                }
            }
        });
        return false;
    });

    if ($('#map_address').length) {
        var geocoder = new google.maps.Geocoder();
        geocoder.geocode({
            'address': $('#map_address').html()
        }, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                var latlng = new google.maps.LatLng(-34.397, 150.644);
                var myOptions = {
                    center: latlng,
                    zoom: 14,
                    mapTypeControl: true,
                    mapTypeControlOptions: {
                        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
                    },
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
                map.setCenter(results[0].geometry.location);
                var infowindow = new google.maps.InfoWindow();
                var marker = new google.maps.Marker({
                    map: map,
                    title: map_title,
                    position: results[0].geometry.location,
                    html: map_conent
                });
                google.maps.event.addListener(marker, 'click', function() {
                    infowindow.setContent(this.html);
                    infowindow.open(map, marker);
                });
                infowindow.setContent(map_conent);
                infowindow.open(map, marker);
            } else {
                alert('Geocode was not successful for the following reason: ' + status);
            }
        });
    }

});

function hiencon() {
    $('.fullover').fadeIn();
    $('.fulblur').addClass('fulbluradd')
}

function dongcon() {
    $('.fullover').fadeOut();
    $('.fulblur').removeClass('fulbluradd')
}

function batpopup(flag) {
    if (flag == "dangky") {
        dangkypnel();
    } else if (flag == "profile") {
        profilepnel();
    } else {
        dangnhapnel();
    }
    $('.grppopup').animate({
        height: 350
    },
    600, function() {
        $(this).animate({
            height: 280,
            'padding-top': 20,
            'padding-bottom': 20
        }, 800);
    })
    hiencon();
}

function dongpopu() {
    $('.grppopup').animate({
        height: 350
    },
    600, function() {
        $(this).animate({
            height: 0,
            'padding-top': 0,
            'padding-bottom': 0
        }, 800, function() {
            dongcon();
        });
    })
}

function dangkynhanmail() {
    var key = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    var email = $('.dk_email').val();
    if (!key.test(email)) {
        $('.dk_email').css({
            'color': '#e9022d'
        })
        $('.dk_email').val('Mail không hợp lệ!')
        $('.dk_email').focus(function() {
            $(this).val('');
            $(this).css({
                'color': '#828180'
            })
        })
    } else {
        $('.dk_email').val('Đang xử lý ...');
        $.ajax({
            url: site_url + 'hiti_ajax/add_subscriber',
            type: 'POST',
            cache: false,
            data: {
                sex: 1,
                city: 'Ho Chi Minh',
                email: email
            },
            success: function(string) {
                if (string == 0) {
                    $('.dk_email').css({
                        'color': '#e9022d'
                    })
                    $('.dk_email').val('Mail đã tồn tại!');
                    $('.dk_email').focus(function() {
                        $('.dk_email').val('').css({
                            'color': '#828180'
                        });
                    });
                } else {
                    $('.dk_email').val('Đăng ký thành công!').css({
                        'color': 'green'
                    })
                    setTimeout(function() {
                        $('.dk_email').val('').css({
                            'color': 'rgb(130, 129, 128)'
                        });
                    }, 4000);
                }
            }
        });
    };
}

function funvalidation(divErr, inputId, timeOut, texterr) {
    if (timeOut == null) timeOut = 3000;
    $(inputId).addClass('bordererror');
    $(inputId).focus(function() {
        $(this).removeClass('bordererror')
    })
    $('#' + divErr).fadeIn();
    $('#' + divErr + ' span').text(texterr);
    setTimeout(function() {
        $('#' + divErr).fadeOut('slow');
    }, timeOut);
    return false;
}

function dangnhap() {
    var emaildangnhap = $('.txt_emaildangnhaplogin').val();
    var passworddangnhap = $('.txt_passdangnhaplogin').val();
    var key = /^\w+(\.\w+)*@\w+\.\w+(\.\w+)?$/;

    if (emaildangnhap.trim() == '') {
        funvalidation('txt_emaildangnhaplogin', '.txt_emaildangnhaplogin', 2000, 'Email chưa nhập');
    } else if (!key.test(emaildangnhap)) {
        alert('222')
        funvalidation('txt_emaildangnhaplogin', '.txt_emaildangnhaplogin', 2000, 'Email sai định dạng');
    } else if (passworddangnhap.trim() == "") {
        funvalidation('txt_passdangnhaplogin', '.txt_passdangnhaplogin', 2000, 'Mật khẩu chưa đúng');
    } else {
        $('.button.primary').attr('disabled', true).text('Đang kiểm tra ...');
        $.ajax({
            url: site_url + 'hiti_ajax/login',
            type: 'POST',
            cache: false,
            data: {
                email: emaildangnhap,
                password: passworddangnhap
            },
            success: function(string) {
                if (string == 0) {
                    funvalidation('txt_emaildangnhaplogin', '.txt_emaildangnhaplogin', 2000, 'Email hoặc mật khẩu không chính xác');
                    $('.button.primary').attr('disabled', false).text('Đăng nhập');
                } else {
                    var getData = $.parseJSON(string);
                    dongpopu();
                    if (getData.avartar) $('.mem_avatar').attr('src', 'upload/avatars/' + getData.avartar);
                    $('.mem_fullname').text(getData.name);
                    $('.grpdnfl').addClass('display_none');
                    $('.grpdntc').removeClass('display_none');
                }
            }
        });
    }
}

function fb_login() {
    $('.button.primary, .button.success').attr('disabled', true).text('Đang kết nối ...');
    $('input[type="text"], input[type="password"], select').attr('disabled', true);
}

function showImage(src, dst) {
    var html = '<div style="clear: both;">';
    html += '<div class="image-wrap fl"><i class="icon glyphicons remove"></i><input data-file="' + src + '" value="' + dst.split('/').pop() + '" type="hidden" name="images[]" /><div class="image-small"><div class="no-image"><img src="' + dst + '" /></div></div></div>';
    html += '<div class="fl"><textarea style="width: 450px; height: 75px; resize: none;" name="images_des[]" placeholder="Miêu tả ảnh"></textarea></div>';
    html += '</div>';
    $('#images-list').append(html);
}

function profilepnel() {
    $.ajax({
        url: site_url + 'hiti_ajax/show_profile',
        type: 'POST',
        cache: false,
        data: {},
        success: function(string) {
            $('.registerfrms').html(string);
            $('.grp_ctent').hide();
            $('.grp_ctentres').fadeIn();
        }
    });
}

function dangkypnel() {
    $.ajax({
        url: site_url + 'hiti_ajax/show_register',
        type: 'POST',
        cache: false,
        data: {},
        success: function(string) {
            $('.registerfrms').html(string);
            $('.grp_ctent').hide();
            $('.grp_ctentres').fadeIn();
        }
    });
}

function dangnhapnel() {
    $('.loginfrms').load(site_url + 'hiti_ajax/show_login');
    $('.grp_ctent').fadeIn();
    $('.grp_ctentres').hide();
}

function save_profile() {
    var passworddangnhap = $('.txt_passdk').val();
    var repass = $('.txt_passdkre').val();
    var hoten = $('.txthoten').val();
    var dienthoai = $('.txtdienthoai').val();
    var gioitinh = $('input[name=gioitinh]:radio:checked').val();
    var ngaysinh = $('.ngaysinh').val();
    var thangsinh = $('.thangsinh').val();
    var namsinh = $('.namsinh').val();
    var diachi = $('.txtdiachi').val();
    var tinhthanh = $('.tinhthanh').val();
    var sign = $('.tarsign').val();
    if ((passworddangnhap.length > 12 || passworddangnhap.length < 6) && passworddangnhap.trim() != '') {
        funvalidation('txt_passdk', '.txt_passdk', 2000, 'Mật khẩu từ 8 đến 12 ký tự');
    } else if (repass != passworddangnhap && passworddangnhap.trim() != '') {
        funvalidation('txt_passdkre', '.txt_passdkre', 2000, 'Nhắc lại mật khẩu chưa đúng');
    } else if (hoten.trim() == '') {
        funvalidation('txthoten', '.txthoten', 2000, 'Vui lòng nhập họ tên');
    } else if (hoten.length < 3) {
        funvalidation('txthoten', '.txthoten', 2000, 'Họ tên không hợp lệ?');
    } else if (hoten.length > 30) {
        funvalidation('txthoten', '.txthoten', 2000, 'Họ tên không hợp lệ?');
    } else if (dienthoai.trim() == '') {
        funvalidation('txtdienthoai', '.txtdienthoai', 2000, 'Chưa nhập số điện thoại');
    } else if (dienthoai.length > 14 || dienthoai.length < 6) {
        funvalidation('txtdienthoai', '.txtdienthoai', 2000, 'Điện thoại không hợp lệ');
    } else {
        $('.button.success').attr('disabled', true).text('Đang xử lý ...');
        $.ajax({
            url: site_url + 'hiti_ajax/save_profile',
            type: 'POST',
            cache: false,
            data: {
                password: passworddangnhap,
                name: hoten,
                gioitinh: gioitinh,
                ngay: ngaysinh,
                thang: thangsinh,
                nam: namsinh,
                dienthoai: dienthoai,
                diachi_lienhe: diachi,
                thanhpho: tinhthanh
            },
            success: function(string) {
                dongpopu();
            }
        });
    }
    return false;
}

function dangky() {
    var emaildangnhap = $('.txt_emailres').val();
    var passworddangnhap = $('.txt_passdk').val();
    var repass = $('.txt_passdkre').val();
    var hoten = $('.txthoten').val();
    var dienthoai = $('.txtdienthoai').val();
    var gioitinh = $('input[name=gioitinh]:radio:checked').val();
    var ngaysinh = $('.ngaysinh').val();
    var thangsinh = $('.thangsinh').val();
    var namsinh = $('.namsinh').val();
    var diachi = $('.txtdiachi').val();
    var tinhthanh = $('.tinhthanh').val();
    var key = /^\w+(\.\w+)*@\w+\.\w+(\.\w+)?$/;
    var i = hoten.split(" ");
    var n = 0;

    $(i).each(function(index, character) {
        n++;
    });
    var tengoi = i[n - 1];

    $('.tengoi').html(tengoi);
    if (gioitinh == '0') {
        $('.inpunam').addClass('display_none');
        $('.inpunu').removeClass('display_none');
    }

    if (emaildangnhap.trim() == '') {
        funvalidation('txt_emailres', '.txt_emailres', 2000, 'Email chưa nhập');
    } else if (!key.test(emaildangnhap)) {
        funvalidation('txt_emailres', '.txt_emailres', 2000, 'Email sai định dạng');
    } else if (passworddangnhap.trim() == '') {
        funvalidation('txt_passdk', '.txt_passdk', 2000, 'Chưa nhập mật khẩu');
    } else if (passworddangnhap.length > 12 || passworddangnhap.length < 6) {
        funvalidation('txt_passdk', '.txt_passdk', 2000, 'Mật khẩu từ 8 đến 12 ký tự');
    } else if (repass != passworddangnhap) {
        funvalidation('txt_passdkre', '.txt_passdkre', 2000, 'Nhắc lại mật khẩu chưa đúng');
    } else if (hoten.trim() == '') {
        funvalidation('txthoten', '.txthoten', 2000, 'Vui lòng nhập họ tên');
    } else if (hoten.length < 3) {
        funvalidation('txthoten', '.txthoten', 2000, 'Họ tên không hợp lệ?');
    } else if (hoten.length > 30) {
        funvalidation('txthoten', '.txthoten', 2000, 'Họ tên không hợp lệ?');
    } else if (dienthoai.trim() == '') {
        funvalidation('txtdienthoai', '.txtdienthoai', 2000, 'Chưa nhập số điện thoại');
    } else if (dienthoai.length > 14 || dienthoai.length < 6) {
        funvalidation('txtdienthoai', '.txtdienthoai', 2000, 'Điện thoại không hợp lệ');
    } else {
        $.ajax({
            url: site_url + 'hiti_ajax/check_email_exists',
            type: 'POST',
            cache: false,
            data: {
                email: emaildangnhap
            },
            success: function(string) {
                if (string != 0) {
                    funvalidation('txt_emailres', '.txt_emailres', 2000, 'Email đã được đăng ký');
                } else {
                    $('.button.success').attr('disabled', true).text('Đang xử lý ...');
                    $.ajax({
                        url: site_url + 'hiti_ajax/add_member',
                        type: 'POST',
                        cache: false,
                        data: {
                            email: emaildangnhap,
                            password: passworddangnhap,
                            name: hoten,
                            gioitinh: gioitinh,
                            ngay: ngaysinh,
                            thang: thangsinh,
                            nam: namsinh,
                            dienthoai: dienthoai,
                            diachi_lienhe: diachi,
                            thanhpho: tinhthanh
                        },
                        success: function(string) {
                            $('.dkfrms').animate({
                                top: -316,
                            },
                            1000, function() {
                                /* stuff to do after animation is complete */
                            });
                            $('.theenddk').animate({
                                top: 0,
                            },
                            1000, function() {
                                /* stuff to do after animation is complete */
                            });
                            $('.mem_avatar').attr('src', $('.imgavatar').attr('src'));
                            $('.mem_fullname').text(hoten);
                            $('.grpdnfl').addClass('display_none');
                            $('.grpdntc').removeClass('display_none');
                        }
                    });
                }
            }
        });
        return false;
    }
}